<template>
  <view class="v-loadmore">
    <wd-loadmore
      :state="state"
      :loading-props="{ color: '#ff2f3b' }"
      @reload="$emit('reload')"
    />
  </view>
</template>

<script setup lang="ts">
defineProps<{
  state?: 'loading' | 'finished' | 'error';
}>();

defineEmits<{
  reload: [];
}>();
</script>

<style lang="scss" scoped>
.v-loadmore {
  margin: 30rpx 24rpx 0;
}
</style>
